import React from 'react';
import { Scene, Modal } from 'react-native-router-flux';
import Tabs from '../components/tabs';

module.exports = (
  <Modal hideNavBar key="main">
    <Scene
      key="tabs"
      tabs
      tabBarPosition="bottom"
      swipeEnabled={false}
      tabBarComponent={props => {
        return <Tabs {...props} />;
      }}
      tabBarStyle={{ overflow: 'visible', marginBottom: 100 }}
      tabStyle={{paddingBottom: 100}}
    >
      {require('./mission')}
      {require('./customer')}
      {require('./activity')}
      {require('./personal')}
    </Scene>
    {require('./entries')}
  </Modal>
);
